<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="author" content="Heinz Li">
    <meta name="viewport" content="width=device-width,initial-scale-1.0" >
    <title>个人资料</title>

    <link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">
    <script src="../js/jquery-2.1.4.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <script src="../js/jquery.mobile-1.4.5.min.js"></script>
    <style>
        #label-product-list .ui-content{
            padding:0px;
        }

        #label-product-list .ui-block-a{
            width:20%
        }

        #label-product-list .ui-block-b{
            width:80%
        }



        .section-title{
            color: #449d44;
            font-family:Microsoft YaHei;


        }
    </style>
</head>
<body>

    <div data-role="page" id="pageone">
        <div data-role="header">
            <nav class="navbar navbar-inverse" role="navigation" style="margin:0px">
                <div class="container">
                    <div class="navbar-header" style="text-align:center">
                        <a class="navbar-brand" href="#">个人</a>
                    </div>
                </div>
            </nav>
        </div>

        <div data-role="main" class="ui-content">

            <div class="ui-grid-a">
                <div class="ui-block-a" style="width:30%">
                    <img src="../images/user_portrait/test.jpg" style="width:100px;height:100px">
                </div>

                <div class="ui-block-b" style="width:70%;text-align: center">
                    <p>众说分云测试号</p>
                    <p>积分<span class="badge">1000分</span></p>
                </div>
            </div>

            <div  style="background-color: gainsboro;border-color: white">
                <h3 class="section-title">关注</h3>
                <p>
                    不确定哪个云平台解决方案适合你？
                    下载我们免费的云平台解决方案评估报告，然后发现你的同行们是怎么评论阿里云，百度云，青云等其他平台的！
                </p>
            </div>

            <div  style="background-color: gainsboro;border-color: white">
                <h3 class="section-title">点评</h3>
                <div id="label-product-list">
                    <div class="ui-grid-a">
                        <div class="ui-block-a">
                            <img class="company-logo" src="../images/company_logo/aliyun.jpg">
                        </div>
                        <div class="ui-block-b">
                            <p>阿里巴巴集团旗下云计算品牌，全球领先的云计算技术和服务提供商。创立于2009年，在杭州、北京、硅谷等地设有研发中心和运营机构</p>
                            <br>
                        </div>
                    </div>
                    <hr>

                    <div class="ui-grid-a">
                        <div class="ui-block-a">
                            <img class="company-logo" src="../images/company_logo/baiduyun.jpg">
                        </div>
                        <div class="ui-block-b">
                            <p>百度云是由百度公司出品的一款云服务产品,不仅为用户提供免费存储空间,还可以将视频、照片、文档、通讯录数据在移动设备和PC端之间跨平台同步、备份等,百度云还支持添加好友、创建群组,和伙伴们快乐分享, 目前已上线:Android、iPhone、iPad、百度云管家、网页端等.</p>
                            <br>
                        </div>
                    </div>
                    <hr>
                    <div class="ui-grid-a">
                        <div class="ui-block-a">
                            <img class="company-logo" src="../images/company_logo/txyun.jpg">
                        </div>
                        <div class="ui-block-b">
                            <p>腾讯云作为“互联网+”的服务商，依据成熟的云计算能力，以“互联网+”解决方案为具体集合点，助推中国城市和企业获取“互联网+”的真正升级能力。</p>
                        </div>
                    </div>
                </div>
            </div>
            设置
        </div>


        <div data-role="footer">
            <div data-role="navbar" class="navbar-fixed-bottom" style="margin:0px">
                <ul>
                    <li><a href="../index.html">主页</a></li>
                    <li><a href="find.html">发现</a></li>
                    <li><a href="#">我的</a></li>
                </ul>
            </div>
        </div>
    </div>
</body>
</html>